// rem ;
// 百分比布局;
// 响应式布局;
// 弹性盒布局;

// DPR => 当前屏幕缩放倍数;  2 , 3 ; 
// PPI => 一个像素单位里面的发光单元数量;
$root-size:10px;

@function remTopx($px){
      @return $px / $root-size*1rem; 
}


html{
      font-size: $root-size;
}
.px{
      width: 100px;
      height: 100px;
      background: antiquewhite;
      margin: 10px;
      text-align: center;
      line-height: 100px;
}

.rem{

      width: remTopx(187px);
      height: remTopx(100px);
      @extend .px;
      
}



